h1,h2,h3,h4,h5,h6,body,ul,p,form,dl,dd,dt{
   padding: 0;
   margin: 0;
}
.icon {
   width: 1em;
   height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
   }
   body,footer,header,main,ul,p{
       margin: 0;
       padding: 0;
       left: 0;
       top: 0;
   }
   /* #cnav */a{
       text-decoration: none;
       color: #000;
   }
   /* #bnav a{
       text-decoration: none;
       color: #000;
   } */

   header ul{
       list-style: none;
   }
   footer ul{
       list-style: none;
   }
   #main{
    height: 1500px;
   }

   #cnav{
       top: 0;
       left: 0;
       width: 100%;
       background-color: rgb(234, 232, 232);
       z-index:9;
       position: fixed;
       height: 50px;
   }
   #bnav{
       position: fixed;
       left: 0;
       bottom: 0;
       width: 100%;
       background-color: rgb(234, 232, 232);
       z-index:9;
   }
   body{
       margin-bottom: 100px;
       min-width:320px;
       max-width: 1300px;
       margin: 0 auto;
       overflow-x: hidden;
   }
   #bnav ul{
       display: flex;
   }

   #cnav ul{
       display: flex;
   }
   
   #cnav li{
       width: 20%;
       text-align: center;
   }
   #bnav li{
       width: 20%;
       text-align: center;
   }

   #cnav svg{
       font-size: 37px;
       margin: 10px auto;
   }
   #bnav svg{
       font-size: 40px;
       margin: 6px auto;
   }

   #cnav p{
       font-size: 18px;
       margin-top: 11px;
       line-height: 24px;
       color: #333;
   }
   #bnav p{
       font-size: 14px;
       line-height: 24px;
       color: #333;
   }

   #bnav li:nth-child(3) svg{
       font-size: 60px;
       margin-bottom: 15px;
   }
   #bnav li:nth-child(1) svg{
      color: #039;
   }
   #bnav li:nth-child(1) p{
      color: #039;
   }
   #cnav li:nth-child(3) p{
      font-size: 25px;
      
   }
  
  .search {
    margin: 0px auto 20px;
    width: 100%;
    list-style: none;
 
    margin-top: 60px;
}

.search li {
    
    height: 40px;
    border-radius: 50px/50px ;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-color: #039;
    
}

.search li div {
    color: rgb(255, 255, 255);
    height: 10px;
    margin-left: 80px;
    margin-top: 8px;
}

.search .icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.search input {
    height: 15px;
    background-color: rgb(255, 255, 255);
    border: none;
    flex-grow: 1;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:20px;
}
.main1{
    width: 100%;
    list-style: none;
 
    margin-top: 5px;

}
.main1 li{
    height: 150px;
    background-color: rgb(248, 245, 245);
   
    border-top: 2px solid rgb(107, 106, 106);
    border-bottom: 2px solid rgb(107, 106, 106);
  

}
.main1 div{
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;

}
.main1 li p{
    font-weight: 1000;
}
.main1 .icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.main2{
    width: 100%;
    list-style: none;
 
    margin-top: 5px;

}
.main2 li{
    height: 150px;
    background-color: rgb(248, 245, 245);
    border-top: 2px solid rgb(107, 106, 106);
    border-bottom: 2px solid rgb(107, 106, 106);

}
.main2 div{
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;

}
.main2 li p{
    font-weight: 1000;
}
.main2 .icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.main3{
    width: 100%;
    list-style: none;
 
    margin-top: 5px;

}
.main3 li{
    height: 150px;
    background-color: rgb(248, 245, 245);
    border-top: 2px solid rgb(107, 106, 106);
    border-bottom: 2px solid rgb(107, 106, 106);
  

}
.main3 div{
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;

}
.main3 li p{
    font-weight: 1000;
}
.main3 .icon {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}





